<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>建筑猎聘兼职页面</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/dist/style/dou-3935227ea5.css" rel="stylesheet">
  
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="h_first">
        <div class="f_left">
            <a href="javascript:;">
                <img src="/dist/images/logo_lp.png">
            </a>
            <span>
                           中国建筑界最大的人才数据库平台
                                <br>
                           已有<em>18000</em>位建筑业的中高端人才加入了这个平台
                       </span>
        </div>
        <div class="f_right">
            
          <ul class="nav nav-pills">
            <li class="actives active"><a href="javascript:;">首页</a></li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                职位管理 <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="javascript:;">已发布</a></li>
                <li><a href="javascript:;">已上架</a></li>
                <li><a href="javascript:;">审核中</a></li>
                <li><a href="javascript:;">审核失败</a></li>
                
                
              </ul>
            </li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                收藏夹 <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="javascript:;">人才收藏</a></li>
                <li><a href="javascript:;">新闻收藏</a></li>
              
              </ul>
            </li>
      
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                简历管理 <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="javascript:;">搜索简历</a></li>
                <li><a href="javascript:;">全职简历</a></li>
                <li><a href="javascript:;">兼职简历</a></li>
                
               
              </ul>
            </li>
            <li class="use">
              <img class="useImg" src="/dist/images/headerImg.png">
              <div class="mes" style="display:none">
                <div class="mess">
                  <div class="cd1">
                    <ul> 
                      <li>
                        <img class="touxiang" src="/dist/images/headerImg.png">
                      </li>
                      <li>
                        <p>网络科技有限公司</p>
                        <p>2018-11-11  到期</p>
                      </li>
                      <li>
                         <span>黄金会员</span>
                         <p><a href="javascript:;">会员权益 ></a></p>
                      </li>
                    </ul>
                  </div>
                  <div class="cd2">
                    <div class="li">
                      <p><img src="./dist/images/ioc1.png"></p>
                      <a href="javascript:;">企业信息</a>
                    </div>
                    <div class="li">
                      <p><img src="./dist/images/ioc2.png"></p>
                      <a href="javascript:;">账户安全</a>
                     
                    </div>
                    <div class="li">
                      <p><img src="./dist/images/ioc3.png"></p>
                      <a href="javascript:;">资产信息</a>
                    
                    </div>
                    <div class="li">
                      <p><img src="./dist/images/ioc4.png"></p>
                      <a href="javascript:;">消息中心</a>
                     
                    </div>
                  </div>
                  <div class="cd3">
                    <a href="javascript:;">退出登录</a>
                  </div>
                </div>
              </div>
               
            </li></ul></div>
          
            
          
    </div> 
    <div class="count">
        <div class="detal contact">
  
    

           <div class="fg">
             <div class="title">
                <p>猎聘豆充值</p>
             </div>
           </div>
            
           <div class="cz">
               <div class="left">
                  充值面额： 
               </div>
               <div class="right">
                   <ul class="doudou">
                       <li class="active">
                           <a href="javascript:;">
                            <p class="number">50 豆</p>
                            <p class="price">￥50.00</p>
                           <img src="/dist/images/gou3.png" alt="选中" class="gou3">
                         </a>
                      </li>

                      <li>
                            <a href="javascript:;">
                             <p class="number">100 豆</p>
                             <p class="price">￥100.00</p>
                            <img src="/dist/images/gou3.png" alt="选中" class="gou3">
                          </a>
                       </li>

                       <li>
                            <a href="javascript:;">
                             <p class="number">200 豆</p>
                             <p class="price">￥200.00</p>
                            <img src="/dist/images/gou3.png" alt="选中" class="gou3">
                          </a>
                       </li>
                       <li>
                            <a href="javascript:;">
                             <p class="number">250 豆</p>
                             <p class="price">￥250.00</p>
                            <img src="/dist/images/gou3.png" alt="选中" class="gou3">
                          </a>
                       </li>
 
                       <li>
                             <a href="javascript:;">
                              <p class="number">300 豆</p>
                              <p class="price">￥300.00</p>
                             <img src="/dist/images/gou3.png" alt="选中" class="gou3">
                           </a>
                        </li>
 
                        <li>
                             <a href="javascript:;">
                              <p class="number">500 豆</p>
                              <p class="price">￥500.00</p>
                             <img src="/dist/images/gou3.png" alt="选中" class="gou3">
                           </a>
                        </li>
                   </ul>
                </div>
           </div>

           <div class="cz parice">
               <div class="left">
                   实付金额：
               </div>
               <div class="right">
                  ￥50.00元
                </div>
           </div>
           <div class="zz">
                <button type="button" class="btn btn-primary btn-lg">立即充值</button>
           </div>

    
       
  
          
        </div> 
    </div>


    <div class="message">
        <img src="./dist/images/icon1.png" alt="icon1" class="messages">
        <span>查看全部消息</span>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <script src="/dist/js/distpicker.data.js"></script>
    <script src="/dist/js/distpicker.js"></script>
    <script src="/dist/js/com.js"></script>

    <script>
  
  
        $(function(){
            let big = $('.use .mes');
            let use = $('.useImg');
            use.mouseenter(()=>{
                big.show();
            });
            big.mouseleave(()=>{
                big.hide();
            });
           /**点击选择*/
           $('.doudou li').click(function(){
             var _this = $(this);
             _this.addClass('active');
             _this.siblings().removeClass('active');
             var unber = _this.find('.number').html();
             $('.cz.parice .right').html('￥'+parseInt(unber)+'.00 元');
            
           })


          /**下拉初始化*/
            $('.form-group').each(function(index,sele){
                var _this = $(this);
                var tag = _this.find('.sr-only').html()
                // console.log(index,tag);
               
                var tgtOpt= _this.find('select option:contains('+tag+')').length;
                if(tgtOpt==0){
                  _this.find('select').prepend($('<option selected="true">'+tag+'</option>'));
                }else{
                  _this.find('select option:contains('+tag+')').prop("selected",true)
                }
                // console.log('tgtOpt',tgtOpt)
            })

           $('.pullC').click(function(){

                var Cname = $('.Cname input');
                var intro = $('.intro textarea');
             

                   $('.form-group').each(function(index,sele){
                    var _this = $(this);
                    var tgtOpt= _this.find('select option:selected').val();
                    if(tgtOpt=='-- 请选择 --'){
                      smallHint (_this,'bottom','该下拉不能为空',3000)

                      bigestHint('温馨提示！','您下拉选项未选择！','warning',3000)
                    }
                   })
              
                 if(Cname.val()==''){
                  smallHint (Cname,'bottom','职位名称不能为空',3000)

                     bigestHint('温馨提示！','职位名称不能为空','warning',3000)
                }else if(Cname.val().length>20){
                  smallHint (Cname,'bottom','职位名称不能超过20！',3000)

                     bigestHint('温馨提示','职位名称不能超过20！','warning',3000)
                }else if(intro.val().length<1){
                  smallHint (intro,'bottom','职位说明不能为空',3000)

                     bigestHint('温馨提示！','职位说明不能为空','warning',3000)
                }else{
                  bigestHint('职位发布成功！','页面两秒后进行跳转','success',3000)
                }
       
           }) 
          })  
 
    </script>


</body>
</html>